/*
 * Author: maximus zhang
 * ------
 * License: the MIT-LICENSE
 * -------
 * Contact: maximus.zhang(a)gmail.com
 * -------
 */
@charset "utf-8";
html,
body
    {
    margin:0;
    padding:0;
    border:0;
    width:100%;
    height:100%;
    }
body
    {
    font-family : "Arial","宋体";
    font-size: 10pt;
    text-shadow:0 1px 1px #D1D1D1;
    background:#f9f9f9;
    }

img
    {
    border:0;
    vertical-align:middle;
    }

table
    {
    table-layout:fixed;
    border-collapse:collapse;
    }
/*
 * short-cut
 * ---------
 */
.key
    {
    color:#00f;
    background:#e9effe;
    text-decoration:underline;
    border:solid 1px #d8deed;
    padding:1px 3px 2px 3px;
    margin:0 1px 0 2px;
    }
.iloading
    {
    margin:0 auto;
    background:#d6dbe7;
    width:200px;
    height:15px;
    overflow:hidden;
    }
    .iloading .ianim
        {
        position:relative;
        width:80px;
        height:15px;
        left:-80px;
        top:0;
        background:#5a829c;
        background:-moz-linear-gradient(left,#d3d9e6,#5a829c);
        background:-webkit-linear-gradient(left,#d3d9e6,#5a829c);
        animation:iloading 1.2s;
        -moz-animation:iloading 1.2s;
        -webkit-animation:iloading 1.2s;
        animation-iteration-count: infinite;
        -moz-animation-iteration-count: infinite;
        -webkit-animation-iteration-count: infinite;
        }
    @keyframes iloading
        {
        from {left:-80px;}
        to {left:200px;}
        }
    @-moz-keyframes iloading
        {
        from {left:-80px;}
        to {left:200px;}
        }
    @-webkit-keyframes iloading
        {
        from {left:-80px;}
        to {left:200px;}
        }
/*
 * ipop with title and content.
 * --
 */
 .ipop
    {
    position:fixed;
    width:680px;
    border:1px solid #999;
    float:left;
    background:#f9f9f9;
    /* -moz-border-radius:10px 10px 6px 6px;
    -khtml-border-radius:10px 10px 6px 6px;
    -webkit-border-radius:10px 10px 6px 6px; */
    border-radius:10px 10px 6px 6px;
    }
    .ipop .ititle
        {
        width:100%;
        float:left;
        height:29px;
        background:#d8e8f8;
        background:linear-gradient(top,#f3f7fc,#d8e8f8);
        background:-o-linear-gradient(top,#f3f7fc,#d8e8f8);
        background:-ms-linear-gradient(top,#f3f7fc,#d8e8f8);
        background:-moz-linear-gradient(top,#f3f7fc,#d8e8f8);
        background:-webkit-linear-gradient(top,#f3f7fc,#d8e8f8);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f7fc',endColorstr='#d8e8f8',GradientType=0);
        line-height:30px;
        font-weight:bold;
        overflow:hidden;
        /* -moz-border-radius: 10px 10px 0 0;
        -khtml-border-radius: 10px 10px 0 0;
        -webkit-border-radius: 10px 10px 0 0; */
        border-radius: 10px 10px 0 0;
        }
        .ipop .ititle .ico
            {
            float:left;
            margin:7px;
            width:18px;
            height:18px;
            background:none no-repeat transparent;
            }
        .ipop .ititle .ititle-text
            {
            float:left;
            }
    .ipop .iclose
        {
        cursor:pointer;
        position:absolute;
        right:0;
        top:0;
        margin:7px;
        width:17px;
        height:16px;
        background:url("/icos/iclose.gif") no-repeat;
        }
    .ipop .icontent
        {
        position:relative;
        overflow:auto;
        /* -moz-border-radius:0 0 6px 6px;
        -khtml-border-radius:0 0 6px 6px;
        -webkit-border-radius:0 0 6px 6px;
        border-radius:0 0 6px 6px; */
        padding:3px;
        }
.iselect
    {
    border:0;
    width:180px;
    }
    .iselect .cap
        {
        height:25px;
        width:100%;
        position:relative;
        }
        .iselect .cap .tit,
        .iselect .cap .sel
            {
            border:1px solid #abadb3;
            background:#fff;
            overflow:hidden;
            }
        .iselect .cap .tit .textval
            {
            width:100%;
            border:0;
            height:17px;
            line-height:17px;
            padding:3px 2px;
            cursor:default;
            }
        .iselect .cap .sel
            {
            padding:0;
            width:18px;
            position:absolute;
            right:0;
            top:0;
            border:0;
            text-align:center;
            }
            .iselect .cap .sel a.msa
                {
                text-decoration:none;
                outline:0;
                color:#00f;
                display:block;
                border:1px solid #abadb3;
                }
            .iselect .cap .sel a.msa .selA
                {
                font-size:9pt;
                width:16px;
                height:9px;
                line-height:9px;
                padding:2px 0 0;
                background:#fff;
                }
            .iselect .cap .sel a.msa .selV
                {
                font-size:9pt;
                padding:0 0 2px;
                height:10px;
                }
            .iselect .cap .sel a:hover.msa .selA
                {
                background:#def;
                }
    .iselect .opts
        {
        border:1px solid #abadb3;
        overflow-y:auto;
        background:#fff;
        text-align:left;
        }
        .iselect .opts a.opt
            {
            margin:0;
            outline:0;
            text-decoration:none;
            overflow:hidden;
            }
            .iselect .opts a.opt .txt
                {
                line-height:17px;
                height:17px;
                color:#000;
                }
            .iselect .opts a.sel .txt
                {
                background:#6af;
                color:#fff;
                }
                .iselect .opts a:hover.opt .txt
                    {
                    background:#39f;
                    color:#fff;
                    }
            .iselect .opts a.opt .txt .text,
            .iselect .opts a.opt .txt .value
                {
                float:left;
                }
            .iselect .opts a.opt .txt .text
                {
                width:50px;
                }
.ical
    {
    border:0;
    width:181px;
    height:170px;
    margin:3px;
    }
    .ical .yymm
        {
        height:25px;
        line-height:25px;
        width:100%;
        }
        .ical .yymm .mosel,
        .ical .yymm .ymtxt
            {
            float:left;
            text-align:center;
            }
        .ical .yymm .ymtxt
            {
            width:17px;
            }
            .ical .yymm .mosel a.mms
                {
                float:left;
                width:22px;
                color:#00f
                }
        .ical .yymm .ysel,
        .ical .yymm .msel
            {
            float:left;
            width:55px;
            padding:1px 0;
            margin:2px 0 0;
            }
        .ical .yymm .msel
            {
            width:42px;
            }
    .ical .wkd
        {
        text-align:center;
        list-style:none;
        height:18px;
        line-height:18px;
        width:100%;
        border-bottom:1px solid #ccc;
        margin:0 0 1px;
        }
        .ical .wkd .wd
            {
            float:left;
            width:25px;
            height:18px;
            margin:0;
            }
    .ical .days
        {
        list-style:none;
        margin:0 auto;
        text-align:center;
        width:100%;
        height:auto;
        }
        .ical .days .day
            {
            float:left;
            margin:0;
            }
            .ical .days .day a.act,
            .ical .days .day a.pnd
                {
                float:left;
                outline:0;
                text-decoration:none;
                line-height:20px;
                height:20px;
                width:25px;
                color:#000;
                }
            .ical .days .day a.pnm
                {
                color:#ccc;
                }
            .ical .days .day a.act,
            .ical .days .day a.sel,
                .ical .days .day a:hover.pnd
                {
                line-height:18px;
                height:18px;
                width:23px;
                border:1px outset #ccc;
                color:blue;
                }
            .ical .days .day a.sel,
                .ical .days .day a:hover.pnd,
                .ical .days .day a:hover.act
                {
                background:#def;
                }
            .ical .days .day a.act
                {
                color:red;
                }
                .ical .days .day a:hover.pnd
                    {
                    color:blue;
                    }
/*
 * isplit style
 * -----------
 */
.isplit
    {
    width:100%;
    height:100%;
    border:0;
    position:relative;
    }
    .isplit .spliter
        {
        position:absolute;
        top:0;
        left:200px;
        width:10px;
        height:100%;
        cursor:col-resize;
        background:#abf;
        background:linear-gradient(left,#fefefe,#d5d5d5);
        background:-o-linear-gradient(left,#fefefe,#d5d5d5);
        background:-ms-linear-gradient(left,#fefefe,#d5d5d5);
        background:-moz-linear-gradient(left,#fefefe,#d5d5d5);
        background:-webkit-linear-gradient(left,#fefefe,#d5d5d5);
        filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#d5d5d5', GradientType=1 );
        }
    .isplit .main
        {
        float:left;
        width:100%;
        height:100%;
        }
        .isplit .main .data
            {
            margin:0 0 0 210px;
            height:100%;
            overflow:auto;
            }
    .isplit .content
        {
        float:left;
        margin:0 0 0 -100%;
        width:200px;
        height:100%;
        overflow:auto;
        }
.inav
    {
    border:0;
    line-height:28px;
    overflow:hidden;
    list-style:none;
    }
    .inav .ltr
        {
        float:left;
        margin:0 0 0 5px;
        }
    .inav .rtl
        {
        float:right;
        margin:0 5px 0 0;
        }
        .inav .ltr .inavsplt
            {
            float: left;
            height:22px;
            border:0;
            border-left:solid #88a 1px;
            border-right:solid #eef 1px;
            margin:3px 1px 4px 2px;
            width:0;
            overflow:hidden;
            }
        .inav .ltr .item
            {
            float:left;
            overflow:hidden;
            margin:1px 0 0;
            line-height:23px;
            }
            .inav .ltr .item .noa
                {
                line-height:26px;
                margin:0 0 1px;
                }
            .inav .ltr .item a.nor
                {
                float:left;
                color:#00f;
                display:block;
                padding:2px 3px 1px;
                margin:0;
                text-decoration:none;
                cursor:pointer;
                }
                .inav .ltr .item a.nor .md,
                .inav .ltr .item a.nor .ico
                    {
                    border:0;
                    padding:3px;
                    display:block;
                    float:left;
                    }
                .inav .ltr .item a.nor .md
                    {
                    padding:3px 0;
                    }
                .inav .ltr .item a.nor .txt
                    {
                    float:left;
                    padding:0 2px;
                    }
            .inav .ltr .item a.act,
            .inav .ltr .item a:hover.nor
                {
                color:#801204;
                padding:1px 2px 0;
                background:#fff;
                border:1px outset #5589ab;
                }
            .inav .ltr .item a:hover.nor
                {
                color:#00f;
                }
            .inav .ltr .item a.non,
            .inav .ltr .item a:hover.non
                {
                border:0;
                background:transparent;
                padding:4px 2px 1px;
                color:#ccc;
                cursor:default;
                }
                .inav .ltr .item a.non .ico
                    {
                    filter:alpha(opacity=40);
                    opacity:0.4;
                    }
.itab
    {
    border:0;
    }
    .itab .ibar
        {
        list-style:none;
        margin:0 auto;
        text-align:center;
        height:28px;
        width:100%;
        /* background:url("http://gs.itiens.com/icos/itopbar.png") repeat-x; */
        }
        .itab .ibar .item,
        .itab .ibar .act
            {
            float:left;
            margin:0 0 0 5px;
            line-height:28px;
            height:28px;
            }
        .itab .ibar .act
            {
            }
        .itab .ibar .rtl
            {
            float:right;
            margin:0 5px 0 0;
            }
            .itab .ibar .item .a,
            .itab .ibar .act .a
                {
                float:left;
                text-decoration:none;
                float:left;
                padding:0 5px;
                margin:4px 0 0;
                height:23px;
                line-height:21px;
                border:1px solid #ccc;
                border-radius:10px 10px 0 0;
                }
            .itab .ibar .act .a
                {
                cursor:default;
                margin:1px 0 0;
                height:27px;
                line-height:21px;
                background:#f9f9f9;
                border-bottom:0;
                box-shadow:0 3px 3px #f9f9f9;
                border-radius:10px 10px 0 0;
                }
                .itab .ibar .item .a .ico,
                .itab .ibar .act .a .ico
                    {
                    float:left;
                    margin:4px 3px 0;
                    height:16px;
                    width:16px;
                    }
                .itab .ibar .act .a .ico
                    {
                    margin:5px 3px 0;
                    }
                .itab .ibar .item .a .txt,
                .itab .ibar .act .a .txt
                    {
                    float:left;
                    line-height:16px;
                    margin:3px 4px;
                    border-bottom:1px solid blue;
                    color:blue;
                    }
                .itab .ibar .act .a .txt
                    {
                    margin:4px 4px;
                    color:#830801;
                    border-bottom:3px double #801204;
                    }
                .itab .ibar .item .a .ikey,
                .itab .ibar .act .a .ikey
                    {
                    float:left;
                    margin:2px 4px;
                    line-height:16px;
                    font-size:11pt;
                    }
                .itab .ibar .act .a .ikey
                    {
                    margin:3px 4px;
                    }
                    .itab .ibar .item .a .ikey .kbd,
                    .itab .ibar .act .a .ikey .kbd
                        {
                        color:#000;
                        font-family:'Verdana','Arial';
                        font-size:8pt;
                        text-transform:uppercase;
                        }
                .itab .ibar .item .a .iclose,
                .itab .ibar .act .a .iclose
                    {
                    display:block;
                    float:left;
                    padding:0;
                    margin:3px 1px 0 6px;
                    height:16px;
                    width:16px;
                    cursor:default;
                    }
                .itab .ibar .act .a .iclose
                    {
                    margin:4px 1px 0 6px;
                    cursor:pointer;
                    }

                .itab .ibar .item .a:hover
                    {
                    background:#f9f9f9;
                    cursor:pointer;
                border-bottom:0;
                box-shadow:0 3px 3px #f9f9f9;
                    }
                    .itab .ibar .item .a:hover .txt
                        {
                        border-bottom:1px solid blue;
                        color:#801204;
                        }
                .itab .ibar .act .a:hover
                    {
                    cursor:default;
                    }
                    .itab .ibar .act .a:hover .txt
                        {
                        border-bottom:3px double #801204;
                        }

    .itab .off
        {
        display:none;
        }
    .itab .on
        {
        display:block;
        }
/**
 * islist style
 */
.islist
    {
    border:0;
    }
    .islist a.item
        {
        margin:2px 0;
        line-height:22px;
        background-color:#e9effe;
        color:blue;
        display:block;
        padding:0 20px;
        outline:0;
        }
    .islist a:hover.item
        {
        text-decoration:none;
        background-color:#bde;
        }
    .islist a.act,
    .islist a:hover.act
        {
        text-decoration:none;
        background-color:#abf;
        color:#1e1e1e;
        }

.ifom
    {
    background:#f9f9f9;
    float:left;
    }
    .ifom .fitem
        {
        width:670px;
        float:left;
        margin:2px 2px 0;
        padding:3px;
        line-height:20px;
        background:#f0f3ff;
        }
    .ifom .odd
        {
        background:#f2f8ee;
        }
    .ifom .fcmd
        {
        background:transparent;
        line-height:30px;
        text-align:center;
        margin:2px;
        }
        .ifom .fitem .ftitle
            {
            width:160px;
            float:left;
            }
        .ifom .fitem .fdata
            {
            width:200px;
            float:left;
            }
        .ifom .fitem .fdata .fvtxt,
        .ifom .fitem .fdata .fvsel,
        .ifom .fitem .fdata .fvfile
            {
            width:180px;
            padding:3px;
            }
        .ifom .fitem .fdata .rclbl
            {
            margin-right:2px;
            }
        .ifom .fitem .fdata .rclbl .rdochk
            {
            padding:3px;
            margin:3px;
            }
        .ifom .fitem .fdata .rclbl .rctxt
            {
            padding:0 5px;
            }
        .ifom .fitem .fadv
            {
            width:300px;
            float:left;
            }
        .ifom .fcmd .cmdbtn
            {
            line-height:20px;
            padding:3px;
            margin:2px 10px;
            }
            .ifom .fcmd .cmdbtn .btnico
                {
                padding:1px 2px;
                }
            .ifom .fcmd .cmdbtn .btntxt
                {
                padding:1px 2px;
                margin:1px;
                color:blue;
                border-bottom:1px solid #00f;
                }
/*
 * idatable style
 * -----------
 */
.idatable
    {
    width:100%;
    border:1px solid #bbb;
    }
    .idatable .capt
        {
        line-height:23px;
        }
    .idatable .dthead .dhead,
    .idatable .dtfoot .dfoot,
    .idatable .dtbody .ditem
        {
        line-height:23px;
        border:1px solid #bbb;
        background:#f0f3ff;
        cursor:default;
        }
    .idatable .dthead .dhead
        {
        background:#cdf;
        }
    .idatable .dtfoot .dfoot
        {
        background:#8aefe0;
        }
    .idatable .dtfoot .dfoot
        {
        background:#ccefaf;
        height:25px;
        line-height:normal;
        }
    .idatable .dtbody .odd
        {
        background:#f2f8ee;
        }
    .idatable .dtbody .hover
        {
        background:#ffc;
        }
    .idatable .dtbody .checked
        {
        background:#ff9;
        }
        .idatable .dthead .dhead .col,
        .idatable .dtfoot .dfoot .col,
        .idatable .dtbody .ditem .col
            {
            border:1px solid #bbb;
            text-indent:1px;
            padding:0;
            }
        .idatable .dthead .dhead .col0,
        .idatable .dthead .dfilter .col0,
        .idatable .dtfoot .dfoot .col0,
        .idatable .dtbody .ditem .col0
            {
            width:23px;
            border:1px solid #bbb;
            text-align:center;
            color:#888;
            }
    .idatable .dthead .dfilter
        {
        height:24px;
        line-height:24px;
        border:1px solid #bbb;
        }
        .idatable .dthead .dfilter .col
            {
            border:1px solid #bbb;
            overflow:hidden;
            padding:0;
            }
            .idatable .dthead .dfilter .col input
                {
                padding:3px 0;
                height:21px;
                border:0;
                text-indent:2px;
                background:#fff5d2;
                color:#00f;
                }
            .idatable .dthead .dfilter .col select
                {
                height:26px;
                padding:3px 0;
                border:0;
                background:#fff5d2;
                color:#00f;
                }
        .idatable .dthead .dhead .colnone,
        .idatable .dtfoot .dfoot .colnone,
        .idatable .dtbody .ditem .colnone
            {
            width:auto;
            text-align:center;
            }
        .idatable .dtbody .ditem .colnone
            {
            padding:9px 0;
            }
        .idatable .dtfoot .dfoot .pgstr
            {
            padding:0 2px;
            }
        .idatable .dtfoot .dfoot .pgnum
            {
            padding:0 2px;
            }
        .idatable .dtfoot .dfoot .tpbtn
            {
            padding:0 2px;
            height:24px;
            line-height:normal;
            }
            .idatable .dtfoot .dfoot .tpbtn .ico
                {
                padding:0 2px;
                width:16px;
                height:16px;
                }
            .idatable .dtfoot .dfoot .tpbtn .txt
                {
                padding:0 2px;
                }
            .idatable .dthead .dhead .col0 .rebtn,
            .idatable .dthead .dfilter .col0 .rebtn,
            .idatable .dtfoot .dfoot .col0 .rebtn
                {
                border:0;
                background:transparent;
                cursor:pointer;
                width:24px;
                height:23px;
                padding:0;
                margin:0;
                }
                .idatable .dthead .dhead .col0 .rebtn .reico,
                .idatable .dthead .dfilter .col0 .rebtn .reico,
                .idatable .dtfoot .dfoot .col0 .rebtn .reico
                    {
                    padding:2px 1px;
                    margin:0;
                    width:16px;
                    height:16px;
                    }
.ipost
    {
    margin:5px auto;
    position:relative;
    border:1px solid #51b847;
    width:800px;
    background:url('/icos/tsbg256.png') right bottom no-repeat;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px;
    }
    .ipost .postit
        {
        margin-top:16px;
        height:32px;
        line-height:30px;
        width:70%;
        background:#51b847;
        color:#fff;
        font-size:16pt;
        text-indent:32px;
        -moz-border-radius: 0 0 32px 0;
        -webkit-border-radius: 0 0 32px 0;
        border-radius: 0 0 32px 0;
        text-shadow:#000 1px 1px 1px;
        }
        .ipost .postit a.tat
            {
            color:#fff;
            font-size:16pt;
            text-decoration:none;
            border-bottom:2px ridge #ffb411;
            }
    .ipost .postcont
        {
        padding:16px;
        font-size:11pt;
        min-height:100px;
        }
    .ipost .postinfo
        {
        margin:0 8px 8px;
        height:20px;
        line-height:20px;
        }
        .ipost .postinfo .ico
            {
            width:16px;
            height:16px;
            margin:0 2px 2px 6px;
            }
.imsg,.imsg-odd
    {
    border-bottom:1px solid #51b847;
    text-indent:16px;
    padding:5px 0;
    }
.imsg-odd
    {
    border-bottom:1px solid #ffb411;
    }
/*
 * igrid style
 * -----------
 */
.igrid
    {
    border:0;
    }
    .igrid .capt
        {
        line-height:23px;
        }
    .igrid .gridhead .gpos
        {
        line-height:8px;
        cursor:default;
        border:0;
        }
        .igrid .gridhead .gpos .posy
            {
            width:10px;
            font-size:8px;
            }
        .igrid .gridhead .gpos .posx
            {
            height:10px;
            font-size:8px;
            text-align:center;
            width:80px;
            }
        .igrid .gridhead .gpos .pos
            {
            font-size:8px;
            color:transparent;
            }
    .igrid .gridhead .ghead,
    .igrid .gridfoot .gfoot,
    .igrid .gridbody .gbody
        {
        cursor:default;
        }
        .igrid .gridhead .ghead .gtitle
            {
            background:#f0f3ff;
            border:1px solid #bbb;
            height:32px;
            text-align:center;
            }
        .igrid .gridfoot .gfoot .gtitle,
        .igrid .gridbody .gbody .gtitle
            {
            border:1px solid #bbb;
            }
        .igrid .gridfoot .gfoot .gsum,
        .igrid .gridbody .gbody .gsum,
        .igrid .gridbody .gbody .gcell
            {
            border:1px solid #bbb;
            padding:0;
            height:24px;
            }
            .igrid .gridbody .gbody .gtitle .gdata,
            .igrid .gridbody .gbody .gcell .gdata
                {
                border:0;
                margin:0;
                height:22px;
                width:78px;
                font-size:11pt;
                text-align:right;
                padding-right:2px;
                }
            .igrid .gridbody .gbody .gtitle .gdata
                {
                width:160px;
                text-align:left;
                padding:0;
                text-indent:2px;
                }
/*
 * global set
 * ------
 */
.c-0
    {
    color:black;
    }
.c-1
    {
    color:white;
    }
.c-r
    {
    color:red;
    }
.c-g
    {
    color:green;
    }
.c-b
    {
    color:blue;
    }
.tt-u
    {
    text-transform:uppercase;
    }
.tt-l
    {
    text-transform:lowercase;
    }
.tt-c
    {
    text-transform:capitalize;
    }
.ta-r
	{
    text-align:right;
    }
.ta-c
	{
    text-align:center;
    }
.fl-l
	{
	float:left;
	}
.fl-r
	{
	float:right;
	}
.h100
    {
    height:100%;
    }
.w100
    {
    width:100%;
    }
.px30
    {
    width:30px;
    }
.px40
    {
    width:40px;
    }
.px50
    {
    width:50px;
    }
.px60
    {
    width:60px;
    }
.px70
    {
    width:70px;
    }
.px80
    {
    width:80px;
    }
.px90
    {
    width:90px;
    }
.px100
    {
    width:100px;
    }
.px120
    {
    width:120px;
    }
.px140
    {
    width:140px;
    }
.px160
    {
    width:160px;
    }
.px200
    {
    width:200px;
    }
.px220
    {
    width:220px;
    }
.upper
    {
    text-transform:uppercase;
    }
.lower
    {
    text-transform:lowercase;
    }